<template>
  <svgContainer
    :component_infos="props.component_infos"
    :svg_data="props.svg_data"
    :svgCanvas="props.svgCanvas"
    @handleBusiness="handleBusiness"
  >
  </svgContainer>
</template>

<script script setup lang="ts">
import svgContainer from "../../components/svgContainer.vue";

const props = defineProps({
  //组件的json格式
  component_infos: {
    type: Array as () => Array<IComponentInfo>,
    required: true,
    default: [],
  },
  //要渲染的数据
  svg_data: {
    type: Array as () => Array<ISvgDataLists>,
    required: true,
    default: [],
  },
  svgCanvas: {
    type: Object as () => ISvgCanvas,
    default: { width: 1520, height: 720 },
  },
});
const handleBusiness = (data) => {
  const { page, title } = data;
};
</script>

<style></style>
